.courses {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 18px;

    &__item {

        overflow: hidden;
        display: flex;
        flex-direction: column;
        border-radius: 18px;
        box-shadow: 0px 10px 13px -4px rgba(35, 35, 95, 0.19);
        background: rgb(255, 255, 255);

        cursor: pointer;

        &-image {
            height: 100%;
            width: 100%;
            padding: 9px;

            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 144px;
                height: 144px;
                object-fit: contain;
            }
        }

        &-title {
            color: rgb(57, 65, 75);
            font-size: 18px;
            font-weight: 800;
            line-height: 100%;
            text-align: left;

            padding: 12px 18px 18px;

            white-space: nowrap;
            overflow: hidden;
        }
    }
}